 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <link rel="shortcut icon" href="images/favicon.ico" />
    <script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
    <!--[if (gte IE 6)&(lte IE 8)]>
    <script type="text/javascript" src="js/selectivizr-min.js"></script>
    <![endif]-->
    <script src="js/cufon-yui.js" type="text/javascript"></script>
    <script src="js/custom.min.js" type="text/javascript"></script>
    <script src="js/main.js" type="text/javascript"></script>
    <title>Flowhub HTML version</title>
    <script type="text/javascript">
        // Google Analytics
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-25927203-1']);
        _gaq.push(['_trackPageview']);

        (function() {
            var ga = document.createElement('script');
            ga.type = 'text/javascript';
            ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(ga, s);
        })();
    </script>
</head>
<body>
<noscript>
    <div id="noscript-warning">
        <p>JavaScript is disabled. <em>This site works best with JavaScript enabled</em></p>
    </div>
</noscript>
<!-- begin container -->
<div class="container">
    <!-- begin header -->
    <div id="header" class="clearfix with_social_widget">
        <div id="heading">
            <div id="heading_right">
                <div id="heading_bg">
                    <h1><a href="#"><img src="images/logo.png" alt="Flowhub" /></a></h1>
                    <h2>news + blogging = flow</h2>
                    <!--
                    ** Two Options: **
                       1) advertisement (#adv_468)
                       2) social icons (.share)
                    -->
                    <!--
                    <div id="adv_468">
                        <a href="#">
                            <img src="images/adv_468_filler.png" alt="advertisement"/>
                            <span class="hidden">&nbsp;</span>
                        </a>
                    </div>
                    -->
                    <div class="share">
                        <ul>
                            <li><a class="stumbleupon" href="#" title="Flowhub on StumbleUpon">Flowhub on StumbleUpon</a></li>
                            <li><a class="technorati" href="#" title="Flowhub on Technorati">Flowhub on Technorati</a></li>
                            <li><a class="twitter" href="#" title="Flowhub on Twitter">Flowhub on Twitter</a></li>
                            <li><a class="delicious" href="#" title="Flowhub on Delicious">Flowhub on Delicious</a></li>
                            <li><a class="facebook" href="#" title="Flowhub on Facebook">Flowhub on Facebook</a></li>
                            <li><a class="digg" href="#" title="Flowhub on Digg">Flowhub on Digg</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--
        choose a class between the following colors: black, blue, green, grey, orange, pink, purple, red, teal, yellow
        default: class="teal"
        -->
        <div id="navigation" class="teal">
            <a class="home" href="#">home</a>
            <ul id="nav">
	            <li>
                    <a><span>Flowhub pages</span></a>
                    <ul>
                        <li><a href="#">Example Page</a></li>
                        <li>
                            <a href="#">Individual Post</a>
                            <ul>
                                <li><a href="#">Full Width</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Newsletter</a></li>
                        <li>
                            <a href="#">Search</a>
                            <ul>
                                <li><a href="#">No Results</a></li>
                            </ul>
                        </li>
                        <li><a href="404.html">404</a></li>
                    </ul>
                </li>
                <li>
                    <a><span>menu item</span></a>
                    <ul>
                        <li><a href="#">menu item that is quite long</a></li>
                        <li>
                            <a>menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#">menu item</a></li>
                <li>
                    <a href="#"><span>menu item</span></a>
                    <ul>
                        <li><a href="#">menu item that is quite long</a></li>
                        <li>
                            <a href="#">menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#">menu item</a></li>
            </ul>
        </div>
        <!--
        choose a class between the following colors: black, blue, green, grey, orange, pink, purple, red, teal, yellow
        default: class="red"
        -->
        <div id="rss" class="red">
            <a href="#">1,634 <span>feed subscribers</span></a>
        </div>
        <!--
        You can either enable this social widget or not. If you don't want to use it then just comment out this whole div block. If you do want to enable this widget then please uncomment the block and add the following class to the header div (#header): with_social_widget
        -->
        <div id="follow">
            <div id="follow_tw">
                <a href="#">5684 <span>followers</span></a>
            </div>
            <div id="follow_fb">
                <a href="#">9864 <span>likes</span></a>
            </div>
        </div>
        <!--
        choose a class between the following colors: black, blue, green, grey, orange, pink, purple, red, teal, yellow
        default: class="red"
        -->
        <div id="search" class="red">
            <div id="search_right">
                <div id="search_bg">
                    <form class="searchform" method="get" action="#">
                      <fieldset>
                            <legend class="hidden">Search form</legend>
                            <div class="input-holder">
                                <input class="search" name="s" type="text" placeholder="Search Here" />
                            </div>
                        <select id="cat">
                                <option>All Posts</option>
                                <option>Fashion</option>
                                <option>Internet</option>
                                <option>Latest Trends</option>
                                <option>Marketing</option>
                                <option>Stock Market</option>
                                <option>Typography</option>
                                <option>Uncategorized</option>
                          </select>
                          <button value="submit" class="search_btn">Search</button>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- end header --><!-- begin content # -->
<div id="content_container">
    <div id="content_container_bg" class="clearfix">
        <div id="content">
            <div id="postcontainer">
                <div class="page">
                    <div class="thumb_cont big">
                        <span class="thumb" title="Permanent Link to Here's a Sample Post">
                            <img alt="example image" src="images/thumbnail-big.jpg"/>
                            <span class="hidden">&nbsp;</span>
                        </span>
                    </div>
                        <h1 class="title">Here's a Nice Sample Post</h1>
                        <p>
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam vel turpis. Duis sit amet
                            lectus ac mauris porta viverra. Aliquam erat volutpat. Praesent ipsum pede, pretium sed,
                            congue nec, pretium quis, urna. Suspendisse dignissim, elit in ultrices sollicitudin, nisl
                            est accumsan orci, a venenatis dui mi porta pede. Aenean et pede quis est tincidunt
                            varius.
                        </p>
                        <p>
                            Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, nec
                            dictum nunc tortor id urna. Suspendisse dapibus ullamcorper pede. Vivamus ligula ipsum,
                            faucibus at, tincidunt eget, porttitor non, dolor. Ut dui lectus, ultrices ut, sodales
                            tincidunt, viverra sed, nisl.
                        </p>
                        <p>
                            Praesent ac quam vulputate felis ultrices scelerisque. Pellentesque habitant morbi tristique
                            senectus et netus et malesuada fames ac turpis egestas. In in arcu. Vestibulum eget nisi
                            quis tellus elementum dapibus. Cras facilisis venenatis libero. Nunc accumsan viverra augue.
                            Suspendisse potenti. Suspendisse eleifend. Maecenas sit amet justo.
                        </p>
                        <p>
                            Quisque quam nisi, mollis quis, sodales ut, rhoncus nec, risus. Class aptent taciti sociosqu
                            ad litora torquent per conubia nostra, per inceptos himenaeos. Proin pede. Aliquam neque
                            tortor, euismod ac, eleifend quis, tincidunt quis, neque.
                        </p>
                        <p>
                            Phasellus rhoncus. Donec urna nulla, vehicula et, consectetuer vel, condimentum quis, ipsum.
                            Nulla quis neque eu sapien tincidunt faucibus. Donec eleifend, metus sed elementum lobortis,
                            arcu elit luctus enim, sed vestibulum diam leo nec nunc. Suspendisse tempus.
                        </p>
                        <p>
                            Phasellus quis mauris. Integer eu justo. Fusce tortor enim, elementum ut, auctor non,
                            accumsan quis, enim. Aenean posuere ante id odio. Nulla facilisi. Donec ac eros quis ipsum
                            auctor blandit. Cras eleifend libero fringilla turpis. Integer sem. Curabitur commodo
                            dapibus lacus.
                        </p>
                        <p>
                            Vivamus semper auctor turpis. Sed ipsum lacus, varius quis, iaculis at, mollis sagittis,
                            arcu.
                        </p>
              </div>
                <hr/>
                <div class="share">
                    <h2>Share</h2>

                    <div class="tl">
                        <div class="tr">
                            <div class="bl">
                                <div class="br">
                                    <div class="c">
                                        <ul>
                                            <li><a href="#" class="digg">digg</a></li>
                                            <li><a href="#" class="facebook">facebook</a></li>
                                            <li><a href="#" class="twitter">twitter</a></li>
                                            <li><a href="#" class="technorati">technorati</a></li>
                                            <li><a href="#" class="delicious">delicious</a></li>
                                            <li><a href="#" class="stumbleupon">stumbleupon</a></li>
                                            <li><a href="#" class="reddit">reddit</a></li>
                                            <li><a href="#" class="myspace">myspace</a></li>
                                        </ul>
                                        <span class="st_sharethis_custom">More Options</span>
                                        <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
                                        <script type="text/javascript">
                                            stLight.options({
                                                publisher:'your publisher key'
                                            });
                                        </script>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr/>
                </div>
            </div>
        </div>
                <!-- begin sidebar -->
      <div id="sidebar">
            <!--
            choose a class between the following colors: black, blue, green, grey, orange, pink, purple, red, teal, yellow
            default: class="teal"
            -->
            <div id="newsletter" class="teal">
                <form action="#" class="newsletterform">
                  <fieldset>
                        <legend class="hidden">get our newsletter</legend>
                    <div class="input-holder">
                            <input type="text" placeholder="Enter E-mail Address" class="email"/>
                      </div>
                      <button class="email_btn">Submit</button>
                    </fieldset>
                </form>
            </div>
        <div id="adv_125">
                <ul>
                    <li class="odd">
                        <a href="#"><img alt="your ad here" title="your title here" src="images/youradhere.png"/><span class="hidden">&nbsp;</span></a>
                    </li>
                    <li class="even">
                        <a href="#"><img alt="your ad here" title="your title here" src="images/youradhere.png"/><span class="hidden">&nbsp;</span></a>
                    </li>
                    <li class="odd">
                        <a href="#"><img alt="your ad here" title="your title here" src="images/youradhere.png"/><span class="hidden">&nbsp;</span></a>
                    </li>
                    <li class="even">
                        <a href="#"><img alt="your ad here" title="your title here" src="images/youradhere.png"/><span class="hidden">&nbsp;</span></a>
                    </li>
        </ul>
                <div id="adv_w_us">
                    <a class="btn" href="#"><span>Advertise With Us</span></a>
                </div>
          </div>
          <div id="tabs">
              <ul id="tabs_nav">
                  <li class="first selected"><a><span>Top Posts</span></a></li>
                  <li><a><span>Comments</span></a></li>
                  <li><a><span>Latest Posts</span></a></li>
              </ul>
              <div id="tab_top">
                  <div id="tab_btm">
                      <div id="tab_cont">
                          <ul class="small active">
                              <li><a href="#">Iaculis Ante Gravida<span>11</span></a></li>
                              <li><a href="#">Curabitur non<span>8</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>8</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>5</span></a></li>
                              <li><a href="#">Here's a Sample Postt<span>5</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>4</span></a></li>
                              <li><a href="#">Hello world!<span>3</span></a></li>
                          </ul>
                          <ul class="big">
                              <li>
                                  <div class="element">
                                      <a href="#" class="author">Dalton Hurd</a>
                                      <p>Curabitur consectetur libero pulvinar semper ac sit amet odio. Fusce alique... <a href="#">View Post</a></p>
                                  </div>
                              </li>
                              <li>
                                  <div class="element">
                                      <a href="#" class="author">Dalton Hurd</a>
                                      <p>Curabitur consectetur libero pulvinar semper ac sit amet odio. Fusce alique... <a href="#">View Post</a></p>
                                  </div>
                              </li>
                              <li>
                                  <div class="element">
                                      <a href="#" class="author">Dalton Hurd</a>
                                      <p>Curabitur consectetur libero pulvinar semper ac sit amet odio. Fusce alique... <a href="#">View Post</a></p>
                                  </div>
                              </li>
                              <li>
                                  <div class="element">
                                      <a href="#" class="author">Dalton Hurd</a>
                                      <p>Curabitur consectetur libero pulvinar semper ac sit amet odio. Fusce alique... <a href="#">View Post</a></p>
                                  </div>
                              </li>
                          </ul>
                          <ul class="small">
                              <li><a href="#">Here's a Sample Post<span>8</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>8</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>1</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>1</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>11</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>3</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>2</span></a></li>
                          </ul>
                      </div>
                  </div>
              </div>
          </div>
        </div>
        <!-- end sidebar -->    </div>
</div>
<!-- end content # -->
</div>
<!-- end container -->
<!-- begin footer -->
<div id="footer_bg">
  <div class="container">
        <hr/>
        <div id="footer">
            <div class="box">
                <h3><a href="#">Fashion</a></h3>
                <ul>
                    <li><a href="#">Latest Trends</a></li>
                    <li><a href="#">Brands</a></li>
                    <li><a href="#">Seasonal Trends</a></li>
                    <li><a href="#">Accessories</a></li>
                </ul>
            </div>
            <div class="box">
                <h3><a href="#">Technology</a></h3>
                <ul>
                    <li><a href="#">Gadgets</a></li>
                    <li><a href="#">Gaming</a></li>
                    <li><a href="#">Mods</a></li>
                    <li><a href="#">Software</a></li>
                </ul>
                <ul>
                    <li><a href="#">Microsoft</a></li>
                    <li><a href="#">Linux/Unix</a></li>
                    <li><a href="#">Apple</a></li>
                    <li><a href="#">Security</a></li>
                </ul>
            </div>
            <div class="box">
                <h3><a href="#">Business</a></h3>
                <ul>
                    <li><a href="#">Internet</a></li>
                    <li><a href="#">Marketing</a></li>
                    <li><a href="#">Stock Market</a></li>
                    <li><a href="#">Economy</a></li>
                </ul>
            </div>
            <div class="box">
                <h3><a href="#">Design</a></h3>
                <ul>
                    <li><a href="#">Web Design</a></li>
                    <li><a href="#">Typography</a></li>
                    <li><a href="#">Illustration</a></li>
                    <li><a href="#">Print</a></li>
                </ul>
            </div>
      </div>
        <hr/>
      <div id="love">
          <p>Powered by <a href="#" rel="external">WordPress</a>. Icons by <a href="#" rel="external">Komodo Media</a>.</p>
          <p class="credits">Theme by <a href="#" rel="external">Monkify</a></p>
      </div>
    </div>
</div>
<script type="text/javascript">Cufon.now();</script>
<!-- end footer -->
</body>
</html>